@import "layout";

@function toRem($num){
	@return $num/16+rem;
}

$winW-list: 360,400,440,480,520,560,600,640;
@each $item in $winW-list {
  @media only screen and (min-width:#{$item}px) {
    html {font-size:#{$item/20}px !important;}
  }
}

body,html{
	margin:0;
	padding:0;
	height:100%;
	overflow:auto;
	
}
.ub{
	display:flex; 
}
.flex1{
	flex:1; 
}
.hr{
	width:100%;
	height:5px;
	border-bottom:15px solid #f9f9f9;
	}

.align-items-center{
	align-items:center;  
}


.header-top{
	background-color:#f6f6f6;
	height:toRem(40);
	}
.header-logo img{
	width:toRem(100);
	height:toRem(40);
	}
.header-admin{
	line-height:toRem(40);
	margin-right:10px;
	color:#9b9b9d;
	font-size:14px;
	font-weight:bold;
	}
.header-admin i{
	font-size:22px;
	padding-left:15px;
	padding-right:6px;
	}
.header-search{
	padding-left:toRem(8);
	height:toRem(46);
	}
.searchk{
	margin-top:toRem(8);
	margin-bottom:toRem(8);
	line-height:toRem(28);
	height:toRem(28);
	border-style:solid;
	border-width:2px;
	border-color:#e8e8e8;
	}
.searchk-add{
	font-weight:bold;
	color:#df3031;
	font-size:toRem(13);
	margin: 0  toRem(10) 0 ;
	}
.searchk-add i{
	margin: 0 0 0  toRem(4);
	font-size:toRem(10);
	}
.searchk-add span{
border-left:solid 1px #e8e8e8;

	}
.searchk-input{
	color:#9b9b9d;
	font-size:toRem(10);
	font-weight:bold;

	border:none;
	margin: 0 0 0  toRem(4) ; 
	
	}
.addfang{
	line-height:toRem(28);
	height:toRem(28);
	border-style:solid;
	border-width:2px;
	border-color:#e8e8e8;
	margin:toRem(8) toRem(4) toRem(8) toRem(8);
	font-size:toRem(12);
	color:#ff6666;
	font-weight:bold;
	}
.addfang a{
	padding:0 toRem(4) 0 toRem(2);
	}

.nav{
	width:100%;
	height:toRem(80);
	}
.navline1{
	width:100%;
	font-size:toRem(14);
	}
.navline2{
	width:100%;
	font-size:toRem(14);
	}
.p1{

	text-align:center;
	}
	
.navlogo1{
	width:toRem(37);
	height:toRem(37);
	background:url(../images/icons.png) 0 0 no-repeat;
	background-size: toRem(185) auto;
	margin-left:auto;
	margin-right:auto;
	}
	.navlogo2{
	width:toRem(37);
	height:toRem(37);
	background:url(../images/icons.png) toRem(-37) 0 no-repeat;
	background-size: toRem(185) auto;
	margin-left:auto;
	margin-right:auto;
	}
	.navlogo3{
	width:toRem(37);
	height:toRem(37);
	background:url(../images/icons.png) toRem(-74) 0 no-repeat;
	background-size: toRem(185) auto;
	margin-left:auto;
	margin-right:auto;
	}
	.navlogo4{
	width:toRem(37);
	height:toRem(37);
	background:url(../images/icons.png) toRem(-111) 0 no-repeat;
	background-size: toRem(185) auto;
	margin-left:auto;
	margin-right:auto;
	}
	.navlogo5{
	width:toRem(37);
	height:toRem(37);
	background:url(../images/icons.png) toRem(-148) 0 no-repeat;
	background-size: toRem(185) auto;
	margin-left:auto;
	margin-right:auto;
	}
.navlogo6{
	width:toRem(37);
	height:toRem(37);
	background:url(../images/icons.png) 0 toRem(-37) no-repeat;
	background-size: toRem(185) auto;
	margin-left:auto;
	margin-right:auto;
	}
	.navlogo7{
	width:toRem(37);
	height:toRem(37);
	background:url(../images/icons.png) toRem(-37) toRem(-37) no-repeat;
	background-size: toRem(185) auto;
	margin-left:auto;
	margin-right:auto;
	}
	.navlogo8{
	width:toRem(37);
	height:toRem(37);
	background:url(../images/icons.png) toRem(-74) toRem(-37) no-repeat;
	background-size: toRem(185) auto;
	margin-left:auto;
	margin-right:auto;
	}
	.navlogo9{
	width:toRem(37);
	height:toRem(37);
	background:url(../images/icons.png) toRem(-111) toRem(-37) no-repeat;
	background-size: toRem(185) auto;
	margin-left:auto;
	margin-right:auto;
	}
	.navlogo10{
	width:toRem(37);
	height:toRem(37);
	background:url(../images/icons.png) toRem(-148) toRem(-37) no-repeat;
	background-size: toRem(185) auto;
	margin-left:auto;
	margin-right:auto;
	}
.cxline1 {
	width:100%;
	}
.cxline2 {
	width:100%;
	}
.cx1title{
	font-size:toRem(12);
	}
.cx1{
	
	border-right:1px solid #ADADAD;
	border-bottom:1px solid #ADADAD;
	}
.cxleft{
	margin:0 toRem(10) 0 toRem(8);
	}
.cx2{
	border-bottom:1px solid #ADADAD;
	}
.cx3{
	border-right:1px solid #ADADAD;
	}
.cximg{
	padding:toRem(15);
	width:toRem(45);
	height:toRem(45);
	}
.cxinfo{
	margin-left: toRem(8);
	margin-top:toRem(-40);
	font-size:toRem(10);
	}
.xhtop{
	line-height:40px;
	height:toRem(40);
	font-size:toRem(14);
	color:#83868f;
	font-weight:bold;
	}
.xhtleft{
	margin: 0  0 0 toRem(10);
	}
.xhtright{
	margin: 0  toRem(20) 0 0;
	}
.xhcontent{
	margin:toRem(10);
	width:100%;
	}
.contimg{
	width:toRem(120);
	height:toRem(90);
	}
.conttext{
	text-align:left;
	height:toRem(90);
	
	}
.text1{
	margin:toRem(2);

	font-size:toRem(12);
	}
.text2{
	margin:toRem(2);
	margin:toRem(1);
	font-size:toRem(10);
	}
.contspan span{
	font-size:toRem(8);
	border: 1px solid #83868f;
	}
.contspan{
	color:#83868f;
	margin:toRem(-2) 0 0 0;
	}
.jiage{
	font-weight:bold;
	margin-top:toRem(-20);
	color:#df3031;
	font-size:toRem(10);
	}
.hr2{
	border-top: 1px solid  #CCCCCC;
	}
.xhbunt{
	border-top: 1px solid  #CCCCCC;
	border-bottom:1px solid  #CCCCCC;
	text-align:center;
	height:toRem(40);
	}
.huan{
	border-right: 1px solid  #CCCCCC;
	}
.footer{
	height:toRem(36);
	width:100%;
	bottom:0;
	background: rgba(0, 0, 0, 0.3);
	border-top:1px solid #eee;
	position:fixed;
}
.menu-1 {
	height:toRem(36);
	}
.footeri{
	margin-top:toRem(-36px);
	background-color:#000000;
	width: 10px;
    height: 5px;
    border-radius: 0 0 50px 50px;
	}
.menu-2{
	height:toRem(36);
	width:toRem(80);
	line-height:toRem(36);
	background-color:#de3031;
	}
.dow{
	margin: 0  auto 0 auto;
	text-align:center;
	color:#FFFFFF;
	}